<div id="room_list">
	<h1 class="big_title">
		热门ROOM
	</h1>
	<ul class="room_list">
		<volist name="room" id="rm">
			<li>
				<a href="/room/info/{$rm.id}">
					<p style="overflow:auto;">
						<img src="{$rm.bg_img}-200x200" />
						<span style="font-size:20px;font-weight:bold;">{$rm.name}</span>
					</p>

					<p>{$rm.detail}</p>
					<p>{$rm.tags}</p>
				</a>
			</li>
		</volist>
	</ul>
</div>
<style type="text/css">
	#room_list{
		float:right; width:340px;
		margin-top:10px;
		padding:10px;
		background:#FFF;
	}

	*{
		margin:0;padding:0;
	}
	#room_list .big_title{
		margin:0; height:40px;line-height:40px;
	}
	.room_list li{
		list-style: none;
		border-bottom:1px solid #f3f3f3; margin:10px 0;
		padding:10px 0;
	}
	.room_list li img{
		width:40px;height:40px;
	}
	.room_list li h2{

	}
</style>